<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>login</title>
    </h:head>
    <h:body>
        
        
        <h:form id="loginForm">
            
            <p:growl id="growl" life="5000" showDetail="true"/>
            
            <div align="center" style="padding-top: 150px;">

                <p:panel header="Login" style="width: 360px;">

                    <h:panelGrid id="loginPanel" columns="2">

                        <h:outputText value="Nombre de Usuario"/>                           
                        <p:inputText id="username" value="#{loginBean.uname}" required="true"/>

                        <p:spacer/>

                        <p:message for="username" showDetail="false" showSummary="true"/>

                        <h:outputText value="Contraseña"/> 
                        <p:password id="password" value="#{loginBean.password}"  required="true"/>

                        <p:spacer/>

                        <p:message for="password" showDetail="false" showSummary="true"/>

                        <p:spacer></p:spacer>
                        
                        <p:commandButton  action="#{loginBean.loginProject}"
                                          value="Login"
                                          update="growl"
                                          ajax="true"/>

                    </h:panelGrid>
                    
                </p:panel>

            </div>

        </h:form>

    </h:body>

</html>
